<template>
  <div class="prod-quene-detail">
    <el-main>
      <div class="plan-detail-container">
        <div class="titleHeader queneHeader">
          <div class="queneHeaderItem">
            <span style="font-weight: bold">上市规划详情（</span><span>{{name}}）</span>
          </div>
          <div class="queneHeaderItem">
            <el-radio-group class="mineRadio" v-model="activeSwitch" size="small">
              <el-radio-button  label="整体节奏规划">整体节奏规划</el-radio-button>
              <el-radio-button label="整体部署规划">整体部署规划</el-radio-button>
            </el-radio-group>
          </div>

        </div>
        <div>
          <rhymePlanDetail v-if="activeSwitch == '整体节奏规划'"></rhymePlanDetail>
          <deploymentPlanDetail v-if="activeSwitch == '整体部署规划'"></deploymentPlanDetail>
        </div>
      </div>
    </el-main>
  </div>
</template>

<script>
  import rhymePlanDetail from '../overAllRhythmPlan/rhymePlanDetail'
  import deploymentPlanDetail from '../overAllDeploymentPlan/deploymentPlanDetail'
  export default {
    name: "prod-quene-detail",
    data() {
      return {
        activeSwitch: '整体节奏规划',
        name:localStorage.getItem('pname')
      }
    },
    components:{
      rhymePlanDetail,
      deploymentPlanDetail
    },
    mounted() {
    },
    methods: {}
  }
</script>

<style scoped>
  .plan-detail-container{

  }
  .queneHeader{
    justify-content: space-between;
    align-items: center;
    height: 45px;
  }
  .queneHeaderItem{
    display: flex;
    align-items: center;
  }
</style>
